<!DOCTYPE html>
<html>

{template header_static.html}
<link href="{HOME_THEME_PATH}css/about.css" rel="stylesheet" media="screen" type="text/css">
<body>
  <div class="container">
    {template header.html}
    <?php $neiyebanner=dr_site_value('neiyebanner');?>
    <?php if ($neiyebanner) { $key=0; foreach ($neiyebanner as $v) { ?>
    {if $key==2}
    <nav class="path_bar" style=" background:url({dr_get_file($v[2])}) no-repeat center center">
        <ul class="path_nav">
            <li> <a href='/' class=''>HOME</a> {dr_catpos($catid,'',true,' &gt; <a href="[url]">[name]</a>')}</li>
        </ul>
    </nav>
    {/if}
    <?php  $key++; } } ?> 
    <div class="wrap inner article">
      <div class="ey-smdy s1">
        <div id="ey_procon" class="contents">
          <div class="about_con">
            <div class="about_item w">
              <div class="title">{usu_fanyi('ABOUT', $language)}</div>
              <div class="con">
                {usu_fanyi($content, $language)}
              </div>
            </div>
            <div class="clear"></div>
          </div>
        </div>
      </div>
    </div>
    
    <section class="honor-certificates">
        <h2>{usu_fanyi('Certificate', $language)}</h2>
        <?php $ryzs=dr_site_value('ryzs');?>
        <div class="certificate-grid">
            <?php if ($ryzs) { $key=0; foreach ($ryzs as $c) { ?>
            <div class="certificate-item">
                <a href="{dr_get_file($c)}" target="_blank"><img src="{dr_get_file($c)}}" alt="Certificate{$key+1}"></a>
            </div>
            <?php $key++;} } ?>
        </div>
        <style type="text/css">
            .honor-certificates {
                max-width: 100%;
                margin: 0 auto;
                padding:0 10% 40px 10%;
                border-radius: 8px;
                text-align: center;
            }
            
            .honor-certificates h2 {
                font-size: 28px;
                margin-bottom: 30px;
                color: #333;
            }
            
            /* 证书网格样式 */
            .certificate-grid {
                display: grid;
                grid-template-columns: repeat(6, 1fr);
                gap: 20px;
            }
            
            .certificate-item {
                background-color: #fff;
                padding: 10px;
                border-radius: 8px;
                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease;
            }
            
            .certificate-item img {
                width: 100%;
                border-radius: 8px;
                object-fit: cover;
            }
            
            /* 鼠标悬停效果 */
            .certificate-item:hover {
                transform: scale(1.05);
            }
            
            /* 移动端适应 */
            @media (max-width: 768px) {
                .certificate-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            
            @media (max-width: 480px) {
                .certificate-grid {
                    grid-template-columns: 1fr;
                }
            }

        </style>
    </section>
    {template footer.html}
</div>
{template nav_contact.html}
{template nav_search.html}
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/jquery-3.7.0.min.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/wow.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/swiper.4.1.6.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/zoom.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/scrollsidebar.js"></script>
  <script language="javascript" type="text/javascript" src="{HOME_THEME_PATH}js/common.js"></script>
</body>

</html>